<template>
  <div id="temp">
    <!-- 顶部导航 -->
    <p class="common_style">
      <span class="greenStyle">课程管理</span> / 创建课程</p>

    <!-- 添加课程 -->
    <div class="add_lessons">
      <h3>创建课程 <span class="normal_style">CREATE A COURSE</span></h3>
      <div class="lesson_content clearfix">
        <div class="lesson_info fl">
          <form class="form-horizontal">
            <div class="form-group">
              <label for="inputEmail3" class="col-xs-4 control-label">课程标题</label>
              <div class="col-xs-8">
                <input type="text" class="form-control" id="inputEmail3" placeholder="请填写课程标题">
              </div>
            </div>
          </form>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-success fr">创建课程</button>
            </div>
          </div>
        </div>
        <div class="video_intro fl">
          <p><b>从视频专辑导入课程</b></p>
          <p>已支持优酷、腾讯视频、网易公开课、爱奇艺教育的视频专辑导入。</p>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
  export default {

  }
</script>
<style scoped lang="less">
  #temp {
    padding: 15px;
    .normal_style {
      font-size: 14px;
      color: #333;
    }
    h3 {
      line-height: 50px;
      border-bottom: 1px solid #dedede;
      text-indent: 10px;
    }
    .common_style {
      background-color: #fff;
      border: 1px solid #dedede;
      border-radius: 5px;
    }

    >p {
      padding-left: 1em;
      line-height: 40px;
    }

    .greenStyle {
      color: #337ab7;
    }

    .add_lessons {
      width: 100%;
      min-height: 450px;
      background-color: #fff;
      padding: 10px 20px;
      .lesson_content {
        width: 100%;
        height: 200px;
        margin: 20px 0;
        .lesson_info {
          width: 60%;
          height: 100%;
          border-right: 1px solid #ddd;
          padding: 20px 30px;
        }
        .video_intro {
          width: 40%;
          padding: 10px 0 0 30px;
          p {
            width: 125px;
            margin-bottom: 20px;
          }
        }
      }
    }
  }
</style>